<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/rem.js">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/hotlist.css">

</head>

<body>
    <!-- 头部提问 -->
    <div id="header">
        <div class="w">
            <span class="iconfont icon-sousuo"></span><input type="text" placeholder="搜索知乎内容">
            <div class="search">
                <span class="iconfont icon-yijianfankui"><a href="#">提问</a>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav">
        <a href="#">关注</a>
        <a href="#">推荐</a>
        <a href="#">热榜</a>
        <a href="#">视频</a>
    </div>
    <!-- 新闻内容栏 -->
    <div id="main">
        <div class="w">
            <ol>
                <li>
                   <div class="box1">
                    <h1> <span>1</span> 有哪些视频堪称有毒？</h1>
                    <p>2182万热度</p>
                   </div>
                    <div class="box2">
                        <img src="img/首页-热榜_03.jpg" alt="">
                    </div>
                </li>
                <li>
                    <div class="box1">
                        <h1> <span>2</span> 如何看待美国检方宣布不起诉刘强东？</h1>
                        <p>1344万热度</p>
                       </div>
                        <div class="box2">
                            <img src="img/首页-热榜_03.jpg" alt="">
                        </div>
                </li>
                <li>
                    <div class="box1">
                        <h1> <span>3</span>参与2019年考研是一种怎样的体验？</h1>
                        <p>631万热度</p>
                       </div>
                        <div class="box2">
                            <img src="img/首页-热榜_03.jpg" alt="">
                        </div>
                </li>
                <li>
                    <div class="box1">
                        <h1> <span>4</span> 如何评价2018KPL秋季赛决赛，Hero久竞4：3险胜BA黑凤梨夺冠，成功卫冕？</h1>
                        <p>369万热度</p>
                       </div>
                        <div class="box2">
                            <img src="img/首页-热榜_03.jpg" alt="">
                        </div>
                </li>
                <li>
                    <div class="box1">
                        <h1> <span>5</span>张爱玲是一流作家吗？</h1>
                        <p>308万热度</p>
                       </div>
                        <div class="box2">
                            <img src="img/首页-热榜_03.jpg" alt="">
                        </div>
                </li>
            </ol>
        </div>
    </div>
    <!-- 页脚部分 -->
    <div id="footer">
        <div class="w">
            <a href="#"><span class="iconfont icon-19"></span><p>首页</p></a>
        <a href="#"><span class="iconfont icon-link_line"></span><p>想法</p></a>
        <a href="#"><span class="iconfont icon-xueshimao"></span><p>大学</p></a>
        <a href="#"><span class="iconfont icon-xiaoxi"></span><p>消息</p></a>
        <a href="#"><span class="iconfont icon-wodedangxuan"></span><p>我的</p></a>
        </div>
    </div>
</body>

</html>